.hide {
    display: none !important;
  }
  
  .show {
    display: block;
  }
  
  .nopadding {
    padding: 0 !important;
  }
  
  .text-zero {
    color: #444 !important;
  }
  
  .text-primary {
    color: #3f3939 !important;
  }
  
  .text-secondly {
    color: #c5c3c3 !important;
  }
  
  .text-gary {
    color: #808080 !important;
  }
  
  .text-white {
    color: #fff !important;
  }
  
  .text-red {
    color: #ffab22 !important;
  }
  
  .text-important {
    color: #008fdb !important;
    font-weight: 600;
  }
  
  .text-strike {
    text-decoration: line-through;
  }
  
  .text-thin {
    font-weight: 300 !important;
  }
  
  .text-normal {
    font-weight: 500;
  }
  
  .text-bolder {
    font-weight: 700;
  }
  
  .text-boldest {
    font-weight: 900;
  }
  
  .text-right {
    text-align: right;
  }
  
  .text-left {
    text-align: left;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-xxxxl {
    font-size: 80rpx !important;
  }
  
  .text-xxxl {
    font-size: 60rpx !important;
  }
  
  .text-xxl {
    font-size: 48rpx !important;
  }
  
  .text-xl {
    font-size: 40rpx !important;
  }
  
  .text-l {
    font-size: 32rpx !important;
  }
  
  .text-m {
    font-size: 28rpx !important;
  }
  
  .text-s {
    font-size: 24rpx !important;
  }
  
  .text-xs {
    font-size: 20rpx !important;
  }
  
  .text-xxs {
    font-size: 16rpx !important;
  }
  
  .text-link {
    color: #e32d39;
    text-decoration: underline;
    margin-left: 20rpx;
  }
  
  .text-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  .bg-primary {
    background-color: #008fdb;
  }
  
  .bg-white {
    background-color: #fff;
  }
  
  .bg-black {
    background-color: #000;
  }
  
  .fix-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  .fix-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
  }
  
  .flex {
    display: flex;
  }
  
  .inline-flex {
    display: inline-flex;
  }
  
  .align-items-center {
    align-items: center;
  }
  
  .align-items-end {
    align-items: flex-end;
  }
  
  .flex-1 {
    flex: 1;
  }
  
  .flex-2 {
    flex: 2;
  }
  
  .flex-3 {
    flex: 3;
  }
  
  .flex-y {
    flex-direction: column;
  }
  
  .justify-content-center {
    justify-content: center !important;
  }
  
  .justify-content-between {
    justify-content: space-between !important;
  }
  